const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
  // 入口文件
  entry: './src/index.js',
  // 上下文目录
  context: process.cwd(),
  // 开发模式
  mode: 'development',
  output: {
    // 输出目录
    path: path.resolve(__dirname, 'dist'),
    // 文件名
    filename: 'monitor.js'
  },
  devServer: {
    // devServer静态文件根目录
    static: {
      directory: path.resolve(__dirname, 'dist')
    }
  },
  plugins: [
    // 自动打包出HTML文件
    new HtmlWebpackPlugin({
      template: './src/index.html',
      inject: 'head'
    })
  ]
}